<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>力行会</title>
	<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
	<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/activity_list.css">
	<link rel="stylesheet" href="css/iconfont.css">
	<script src="./js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="./js/bootstrap.js"></script>
	<script src="./js/common.js"></script>

</head>
<body>
<header>
	<div class='gray-head'>
		<div class='wrap'>
			<div >
				<a href="javascript:;"  data-toggle="modal" data-target="#login">登录</a> <span>|</span> <a data-toggle="modal" data-target="#register" href="">注册</a>
				<div class="tool quick-tool">
					<div class="searchForm">
						<div class="quickSearch">
							<!-- <input type="text" name="keyword" id="keyword" placeholder="快速搜索" /> -->
							<button >快速搜索<span class="accessible">搜索</span></button>
						</div>
						<div class="searchPanel">
							<div >
								<fieldset class="byDate">
									<div>
										<span>按时间出行</span>
										<a href="javascript:void(0);" class="close">X<span class="accessible">关闭搜索面板</span></a>
									</div>

									<ul>
										<li class='input-group date addDate'>
												<span class="input-group-addon">
			<span class="glyphicon glyphicon-calendar"></span>
		</span>
											<input type="text" /></li>
										<li class='input-group date addDate'>
												<span class="input-group-addon">
			<span class="glyphicon glyphicon-calendar"></span>
		</span>
											<input type="text" /></li>
									</ul>
								</fieldset>
								<fieldset class="byPlace" >
									<div>
										<span>按目的地</span>
									</div>
									<input type="text" placeholder="输入目的地">

								</fieldset>
							</div>
							<div class="actions">
								<i class="iconfont icon-fangdajing"></i>
								<button  type="submit">搜 索</button>
							</div>
						</div>
					</div>
				</div>　
				<div class="tool">
					<a href="javascript:void(0);" class="loginBtn">搜索</a>
				</div>
				<div class="fl">
					<i class="iconfont icon-phone"></i>
					<b> 0571 85865111</b>
				</div>
			</div>
		</div>

	</div>
	<div class="wrap">
		<div class="head-contain">
			<div class="logo"></div>
			<ul>
				<li>首页
				</li>
				<li>目的地
					<div class='xiala'>
						<div class='arrow'>
						</div>
						<a href="">欧洲</a>
						<a href="">美洲</a>
						<a href="">大洋洲</a>
						<a href="">亚洲</a>
						<a href="">非洲</a>
						<a href="">南极</a>
						<a href="">北极</a>
					</div>
				</li>
				<li class='theme-travel'>特色主题旅行
					<i class='hot'></i>
					<div class='xiala'>
						<div class='arrow'>
						</div>
						<a href="">春之芳华</a>
						<a href="">盛夏光年</a>
						<a href="">文艺之秋</a>
						<a href="">冬之恋歌</a>
						<a href="">极地探索</a>
						<a href="">游学考察</a>
						<a href="">养生之旅</a>
						<a href="">环球自驾</a>
					</div>
				</li>
				<li>自由行
					<i class='hot'></i>
					<div class='xiala'>
						<div class='arrow'>
						</div>
						<a href="">日本</a>
						<a href="">希腊</a>
						<a href="">美国</a>
						<a href="">希腊</a>
						<a href="">非洲</a>
						<a href="">南极</a>
						<a href="">北极</a>
					</div>
				</li>
				<li>私人定制</li>
				<li>力行会
					<div class='xiala'>
						<div class='arrow'>
						</div>
						<a href="">渊源</a>
						<a href="">品牌故事</a>
						<a href="">活动.分享</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</header>

<div class='banner'>
	<img src="./images/activity-bg.jpg" alt="">
	<div class='circle'>
		<div>
			<span>懂你的</span><br>
			<span>私人旅行顾问</span>
		</div>
	</div>
</div>
<div class='wrap main'>
  <div class='main-title'>
  	<h3>活动 · 分享</h3>
	<p class='bread-nav'>
    	您的位置：
    	<a href='javascript:;'>首页</a>
    	<a href='javascript:;' >活动·分享</a>
	</p>
  </div>
  <div class='main-list'>
  	<div class='fl'>
  		<img src="./images/activity-item.jpg" alt="">
  		<h3>活动 | 浙江省中青旅力行会荣获旅游南非局最佳合作伙伴</h3>
  		<span>2017年1月14日</span>
  		<p>6月27日至7月1日，南非旅游局在北京、西安、杭州、广州4个城市，举办行走南非，极致体验旅游推介会。力行会荣获2016年南非旅力行会荣获2016年南非旅...
		<a href="javascript:;">查看详情</a>
  		</p>
  	</div>
  	<div class='fr'>
  		<img src="./images/activity-item.jpg" alt="">
  		<h3>活动 | 浙江省中青旅力行会荣获旅游南非局最佳合作伙伴</h3>
  		<span>2017年1月14日</span>
  		<p>6月27日至7月1日，南非旅游局在北京、西安、杭州、广州4个城市，举办行走南非，极致体验旅游推介会。力行会荣获2016年南非旅力行会荣获2016年南非旅...
		<a href="javascript:;">查看详情</a>
  	</div>
  	<div class='fl'>
  		<img src="./images/activity-item.jpg" alt="">
  		<h3>活动 | 浙江省中青旅力行会荣获旅游南非局最佳合作伙伴</h3>
  		<span>2017年1月14日</span>
  		<p>6月27日至7月1日，南非旅游局在北京、西安、杭州、广州4个城市，举办行走南非，极致体验旅游推介会。力行会荣获2016年南非旅力行会荣获2016年南非旅...
		<a href="javascript:;">查看详情</a>
  		</p>
  	</div>
  	<div class='fr'>
  		<img src="./images/activity-item.jpg" alt="">
  		<h3>活动 | 浙江省中青旅力行会荣获旅游南非局最佳合作伙伴</h3>
  		<span>2017年1月14日</span>
  		<p>6月27日至7月1日，南非旅游局在北京、西安、杭州、广州4个城市，举办行走南非，极致体验旅游推介会。力行会荣获2016年南非旅力行会荣获2016年南非旅...
		<a href="javascript:;">查看详情</a>
  	</div>
  	<div class='paginations'>
							<ul>
								<li><div class='triangle-left'></div></li>
								<li class='active'>1</li>
								<li>2</li>
								<li>下一页<div class='triangle-right'></div></li>
							</ul>
							<div class='contain'>
								到<input type="text" />页
								<button>确定</button>
							</div>

						</div>
  </div>
</div>
<footer >
	<div class="wrapper">
		<div class="footer-top">
			<span>「力行会」是</span>
			<img src="images/zql-logo.png" alt="">
			<span>旗下高端旅行品牌</span>
		</div>
		<div class="footer-bottom">
			<p><span>Copyright © 2016 Uniqueway Inc.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 保留所有权利&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浙ICP备8888888</span><i>服务时间：周一至周五 9：00~17:30</i></p>
			<p>浙江省中青国际旅游有限公司&nbsp;&nbsp;&nbsp;地址：浙江省杭州市下城区凤起路56号2楼</p>
			<p>*本网站部分图片来自网络，若作者看到，请尽快与力行会联系。</p>
		</div>
	</div>
</footer>


<aside class='contact-way'>
	<div class='contact-contain'>
	   <div class='wx-phone'>
	   	  <div class='phone-contain'>
	   	  	<div class='phone'>
				<img src="./images/icons/phone.png" alt="">
				<div class='phone-detail'>
					0571 85865111
					<p class='triangle-right'></p>
				</div>
			</div>
	   	  </div>
		   <div class='wx-contain'>
		   	<div class='wx'>
				<img src="./images/icons/wx.png" alt="">
				<div class='wx-detail'>
					<img src="./images/icons/wx-big.png" alt="">
					<p class='triangle-right'></p>
				</div>
			</div>
		   </div>
	   </div>
		<div class='arrow'>
			<img src="./images/icons/arrow.png" alt="">
		</div>
	</div>
</aside>









</body>
</html>